*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration:none;
    color: #000000;
}
strong{
    font-style: none;
}
/* 头部 */
.boxs{
    background: #F7F7F7;
    height: 100vh;
    font-size: 0.32rem;
}
.header{
    width: 100%;
    height:1.3rem;
    text-align: center;
    line-height: 1.3rem;
    font-size: 0.38rem;
    border-bottom: 1px solid #f7f7f7;
}
.return{
    width:0.2rem;
    height: 0.35rem;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
}
.header span{
    font-weight: 600;
  }
.return img{
    width: 100%;
    height: 100%;
}
/* 列表左右显示 */
.left-right-list{
    width: 100%;
    background: #F7F7F7;
}
.left-right-list ul{
    background: #ffffff;
    margin-top: 0.16rem;
}
.left-right-list ul li{
    display: flex;
    padding: 0.3rem;
    border-bottom: 1px solid #F7F7F7;
    margin-left: 0.3rem;
    padding-left: 0rem;
}
.left-show{
    display: flex;
    justify-content: flex-start;
    flex: 2;
    align-items: center;
}
.left-show span{
    color: #FEB44E;
}
.right-show{
    display: flex;
    justify-content: flex-end;
    flex: 2;
    align-items: center;
}
.right-show span{
    color: #959595;
}
.right-show img{
    width: 0.8rem;
    height: 0.5rem;
}

/* 显示列表块儿 */
.list-block ul{
    margin-top: 0rem;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-block ul li{
    width: 1.8rem;
    height: 0.8rem;
    background: #F7F7F7;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 0.8rem;
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-around;
    padding: 0rem;
    margin-left: 0rem;
}
.list-block ul li span{
    text-align: center;
    display: flex;
    justify-content: space-around;  
}
.list-block ul li:last-child{  
    margin-bottom: 0.2rem;
}

/* 显示页面详情 */
.all-details{
    background: #ffffff;
    margin-top: 0.2rem;
    padding-left: 0.3rem;
    border-bottom: 1px solid #ffffff;
}
.all-title{
    width: 100%;
    height: 1.1rem;
    border-bottom: 1px solid #E5E5E5;
}
.all-title span{
    line-height: 1.1rem;
    font-weight: 400;
}
.all-content{
    width: 88%;
    margin: 0.3rem 0.3rem 0.5rem 0;
    background: #F7F7F7;;
    padding: 0.3rem;
    color: #626262;
    font-size: 0.26rem;
    border-radius: 0.1rem;
}
.all-content p{
    line-height: 0.5rem;
}

/* 单选框样式 */
input[type='radio']{
    width: 0.35rem;
    height: 0.35rem;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    outline: none;
}
input[type="radio"]:checked::before{
    content: "\2713";
    background-color: #59D4AA;
    border: 1px solid #59D4AA;
    color:#fff;
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 0.35rem;
}
/* 复选框样式 */
input[type='checkbox']{
    width: 0.35rem;
    height: 0.35rem;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    outline: none;
}
input[type="checkbox"]:checked::before{
    content: "\2713";
    background-color: #59D4AA;
    border: 1px solid #59D4AA;
    color:#fff;
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 0.35rem;
}